<!DOCTYPE html>
<html>
<head>
<title>万八千代理后台管理</title>
<meta charset="utf-8"/>
 <meta name="keywords" content="贷款，信用贷，分期，借款，万八千，信用借款，借款5000元，小额现金贷" />
  <meta name="description" content="万八千提供快速的小额借款服务。可以借款5000元、无抵押、无担保、万八千是一款针对成人白领市场的消费金融产品，通过互联网、大数据等科技手段，为用户提供短期的信用借贷，解决用户资金周转问题。"/>
<link href="css/style.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/default.css">
<link href="css/jquery.ui.datepicker.css" rel="stylesheet" type="text/css" />
<script src="js/jqbase.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
$(function(){

	$( "#from" ).datepicker({
		defaultDate: "+1w",
		changeMonth: true,
		numberOfMonths: 2,
		onClose: function( selectedDate ) {
			$( "#to" ).datepicker( "option", "minDate", selectedDate );
		}
	});
	
	$( "#to" ).datepicker({
		defaultDate: "+1w",
		changeMonth: true,
		numberOfMonths: 2,
		onClose: function( selectedDate ) {
			$( "#from" ).datepicker( "option", "maxDate", selectedDate );
		}
	});
	
	$( "#datepicker , #datepicker1" ).datepicker({
		changeMonth: true,
		changeYear: true
	});//日期修改年份
	
});
</script>
</head>
<body style="background:#eaedf1;">
<style>
	.right-container {
		position: absolute;
		right: 0;
		width: calc(100% - 200px);
		transition: all .5s;
	}

	.showMenu .right-container {
		width: 100%;
	}
	.showMenu .leftBar{
		left: -200px;

	}
	.leftBar {
		left: 0;
		transition: all .5s;
	}
</style>
<div class="right-container">
	<header class="top_header clearfix">
				<div class="nav_btn fl"></div>
				<div class="out fr clearfix">
					<p class="fl">欢迎使用 万八千代理后台管理系统</p>
					<a href="" class="fl">退出登陆</a>
				</div>
	</header>
	<div class="pos"><h6>您的位置：<span class="actived">数据中心 </span>><span>黑名单库</span></h6></div>
	<div class="backstage no-mar">
		<div class="chose_btn clearfix">
			<a href="" class="frash fl"><img src="img/frash.png"></a>
			<input placeholder="内容关键词" class="fl key_words">
			<table width="450" border="0" cellspacing="0" cellpadding="0" class="register-table">
				 <tr>
				    <td height="40" align="right">时间：</td>
				    <td height="40" align="left"><input type="text" name="te" id="from" class="test-style width150" /></td>
				    <!--<td height="40" align="right">发布时间截止：</td>-->
				    <!--<td height="40" align="left"><input type="text" name="tex" id="to" class="test-style width150" /></td>-->
				 </tr>
			</table>
			<button value="">搜索</button>
			<!--<button value="">导出明细</button>-->
		</div> 
		<table class="caozuo audit">
			<tr>
				<th>用户ID</th>
				<th class="">用户名</th>
				<th class="">手机号</th>
				<th>所在城市</th>
				<th>借款金额</th>
				<th>借款时间</th>
				<th>逾期天数</th>
				<th>代理商ID</th>
				<th>代理商手机号</th>
				<th>代理商姓名</th>
			</tr>
			<tr>
				<td>1</td>
				<td>asdhahdkadhaksdja</td>
				<td>丁丁</td>
				<td>12</td>
				<td>12</td>
				<td>已使用/未使用</td>
				<td>12</td>
				<td>12</td>
				<td>12</td>
				<td>12</td>
			</tr>
		</table>
		 <div class="page clearfix">
                <div class="page-link fl">
                    <a href="#">首页</a>
                    <a href="#">上一页</a>
                    <a class="active" href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <a href="#">5</a>
                    <a href="#">6</a>
                    <a href="#">下一页</a>
                    <a href="#">尾页</a>
                </div>
                <div class="page-info fl">共<span>6282</span>条信息&nbsp;&nbsp;当前显示第<span>1</span>页</div>
            </div>
	</div>
</div>
	<nav class="leftBar">
			<div class="per_manage">
				<img src="img/my1@2x.png">
				<p>管理员，你好!</p>
			</div>
			<ul class="nav_ul">
				<li class="actived">
					<a href="javascript:;" class="per_cent">个人中心</a>
					<ul class="sun_ul">
						<li class="active">个人信息</li>
						<li class="active">修改密码</li>
						<li class="active">操作记录</li>
					</ul>
				</li>
				<li class="actived">
				<a href="javascript:;" class="per_cent set">系统配置</a>
				    <ul class="sun_ul">
						<li class="active">基础配置</li>
						<li class="active">借款利率配置</li>
						<li class="active">审核拒绝理由</li>
						<li class="active">电话审核题库</li>
						<li class="active">审核策略版本</li>
						<li class="active">审核权限配置</li>
					</ul>
				</li>
				<li class="actived">
				<a href="javascript:;" class="per_cent wechat">微信配置</a>
					<ul class="sun_ul">
						<li class="active">公众号列表</li>
					</ul>
					</li>
				<li class="actived">
				<a href="javascript:;" class="per_cent user">用户管理</a>
					<ul class="sun_ul">
						<li class="active">用户审核</li>
						<li class="active">用户列表</li>
						<li class="active">用户检索</li>
						<li class="active">用户档案</li>
						<li class="active">微信模版消息列表</li>
						<li class="active">关注/取关列表</li>
						<li class="active">起诉黑名单列表</li>
						<li class="active">推广用户审核</li>
						<li class="active">推广用户列表</li>
					</ul>
				</li>
				<li class="actived">
				<a href="javascript:;" class="per_cent borrow">借款管理</a>
                    <ul class="sun_ul">
						<li class="active">借款列表</li>
						<li class="active">分期列表</li>
						<li class="active">催款备忘录</li>
						<li class="active">自动代付列表</li>
						<li class="active">人工代付列表</li>
						<li class="active">还款记录</li>
					</ul>   
				</li>
				<li class="actived">
				<a href="javascript:;" class="per_cent expand">推广管理</a>
                    <ul class="sun_ul">
						<li class="active">提现列表</li>
						<li class="active">自动代付列表</li>
						<li class="active">人工代付列表</li>
					</ul>   
				</li>
				<li class="actived">
				<a href="javascript:;" class="per_cent log">日志管理</a>
				    <ul class="sun_ul">
						<li class="active">短信发送记录</li>
						<li class="active">微信发送记录</li>
						<li class="active">冻结/解冻记录</li>
						<li class="active">电话审核记录</li>
						<li class="active">借款用户审核记录</li>
					</ul> 
				</li>
				<li class="actived">
				    <a hhref="javascript:;" class="per_cent data_mg">数据中心</a>
				    <ul class="sun_ul">
						<li class="active">今日数据</li>
						<li class="active">历史数据</li>
						<li class="active">黑名单库</li>
					</ul> 
				</li>
			</ul>
	</nav>
<script>
//	显示左边的菜单
$('.nav_btn').bind('click touchend',function(event){
	event.preventDefault();
	var $body = $('body');

	if($body.hasClass('showMenu')) {
		$body.removeClass('showMenu');
	}else {
		$body.addClass('showMenu');
	}
})

//下拉
$(function(){
	$(".per_cent").click(function(){
		$(this).parent("li").toggleClass("show_arrow")
		$(this).next(".sun_ul").slideToggle();
	})
	$(".sun_ul>li").click(function(){
		$(this).toggleClass("show_arrow").siblings().removeClass("show_arrow")
		$(this).find(".sub_menu").slideToggle().parents().siblings().find(".sub_menu").slideUp();
	})
})
</script>
</body>
</html>